

	.infos {
		flex: 0 0 30%;
		position: relative;

	}

	.card-content {
		display: flex;
		/* position: relative; */
		height: 100%;
		margin: 10px;
		align-items: center;
		flex-direction: column;
	}

	::-webkit-scrollbar {
		display: none;
	}

	.infos-detail {
		display: flex;
		width: 100%;
		line-height: 30px;
		padding: 0 40px;
		font-size: 12px;

		.infos-key {
			flex: 0 0 50%;
			text-align: left;
		}

		.infos-value {
			flex: 1;
			/* text-align: right; */
			margin-left: 0;
		}
	}

	.steps {
		flex: 1;
		position: relative;
		// margin: 10rpx 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		margin: 20rpx 0;

		.step-list {
			height: 90%;
			/* 	position: absolute;
			top: 5px;
			left: 0; */
			overflow: auto;


			&::-webkit-scrollbar {
				width: 6px;
				/* 可以调整滚动条的宽度 */
			}

			.step-item {
				line-height: 32px;
				height: 32px;
				font-size: 20rpx;
				/* position: relative; */
				/* padding-left: 30px; */
				margin: 4px 0;
				color: #000;
				// overflow: hidden;
				display: flex;
				align-items: center;


			}

			.step-item:last-child::after {
				content: none;
			}
		}
	}

	.device-status {
		/* position: relative; */
		flex: 0 0 35%;
		height: 1px;
	}

	.plc-list {
		height: 60%;
		/* line-height: 26px; */
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 6px;
		overflow: auto;

		&::-webkit-scrollbar {
			width: 6px;
			/* 可以调整滚动条的宽度 */
		}

		.plc-item {
			/* position: relative; */
			width: 500rpx;
			height: 20%;
			padding-left: 100rpx;
			/* flex: 0 0 50%; */
		
			display: flex;

	
		}

	}

	@keyframes rotate {
		to {
			transform: rotate(360deg);
		}
	}

	@keyframes glow {
		to {
			background-position: 300%;
		}
	}

	.no-data {
		text-align: center;
		font-size: 16px;
		line-height: 40px;
	}

	.error-message {
		position: fixed;
		width: 100%;
		background: rgba(255, 0, 0, 0.7);
		bottom: 0;
		left: 0;
		z-index: 999;
		text-align: center;
		color: #fff;
		padding: 6px 0;
		font-size: 16px;
		font-weight: bold;
	}

	.reset-step {
		margin-right: 10px;
		background: #22b9a5;
		width: 52px;
		text-align: center;
		line-height: 24px;
		border-radius: 2px;
		cursor: pointer;
	}

	.work-order-title {
		display: flex;
		justify-content: space-between;

		.work-arrow {
			padding: 0 10px;
		}
	}

	.card-title-btn {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.data-slow .infos {
		flex: 0 0 40px;
		overflow: hidden;

		.work-order-title .work-arrow {
			transform: rotate(180deg);
		}
	}